<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="common/common.inc"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>首页-俍欣高原反应信息网</title>
<%@ include file="common/taglib.jsp"%>
</head>
<body  id="nv_portal" class="pg_index" onkeydown="if(event.keyCode==27) return false;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="addhead" style="height: 80px; display: none;"></div>
<jsp:include page="common/header.jsp"/>
<div class="langxin-main">
  <div id="wp" class="wp"> </div>
  <div id="Big_Slide_box">
    <div id="Big_Slide">
      <ul>
        <c:forEach items="${banners }" var="item" varStatus="st">
          <li style=" background:#4095ce;" id="Big_Slide_${st.index }"><a href="<c:if test='${empty item.link }'>javascript:;</c:if><c:if test='${!empty item.link }'>${item.link }</c:if>" target="_blank"><img src="${item.image }"></a></li>
        </c:forEach>
      </ul>
      <a id="Big_Slide_Last"></a> <a id="Big_Slide_Next"></a>
      <div id="prevL" class="prev" ></div>
      <div id="prevR" class="prev" ></div>
    </div>
  </div>
  <div id="wp" class="wp">
    <c:if test="${fn:length(ads)>0 }">  
    <div class="langxin cl pt20">
      <c:forEach items="${ads}" var="item">
        <div class="col_four">
	        <div class="projects">
	          <div class="projects-thumbnail"> <a href="${item.link }" target="_blank"> <img width="258" height="180" src="${item.image }" alt=""> </a> </div>
	        </div>
	    </div>
      </c:forEach>
    </div>
    </c:if>
    <div class="langxin cl">
      <div class="langxin-title"> <span class="indexTitleT f20 yh c666">高原资讯</span> <span class="c999 f12">了解关于高原旅游的相关资讯。</span> </div>
      <div class="main_wrap cl mt20 pb20ie7">
        <div class="listbox jq ml20 mb20 listbox-news">
          <h4 class="listtitle"><span>-</span>最新</h4>
          <div class="box new" style="display:block">
            <ul class="list cl">
              <c:forEach items="${news }" var="item">
                <li>
	                <p><a href="${ctx }/zixun/${item.id }" target="_blank" title="${item.title}">${item.title}</a></p>
	                <em><fmt:formatDate value="${item.createdAt }" pattern="yyyy-MM-dd"/></em>
                </li>
              </c:forEach>
            </ul>
          </div>
        </div>
        <div class="listbox jq ml20 mb20 listbox-news">
          <h4 class="listtitle"><span>-</span>最热</h4>
          <div class="box hot" style="display:block">
            <ul class="list cl">
              <c:forEach items="${hots }" var="item">
                <li>
	                <p><a href="${ctx }/zixun/${item.id }" target="_blank" title="${item.title}">${item.title}</a></p>
	                <em><fmt:formatDate value="${item.createdAt }" pattern="yyyy-MM-dd"/></em>
                </li>
              </c:forEach>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="langxin cl">
      <div class="langxin-title"> <span class="indexTitleT f20 yh c666">高原旅游</span> <span class="c999 f12">开始你的高原之旅吧。</span> </div>
      <div class="main_wrap cl mt20 pb20ie7">
        <c:forEach items="${tours }" var="item">
            <div class="col_four">
	          <div class="projects">
	            <div class="projects-thumbnail"> 
	               <a href="${ctx }/lvyou/${item.id}" target="_blank"> <img src="${item.image }" width="258" height="180" alt="" /> <span class="project-thumbnail-overlay"></span>
	                <p class="project-to-detail" ></p>
	               </a> 
	            </div>
	            <div class="project-desc">
	              <p><c:if test="${not empty item.tag}"><span style="background: none repeat scroll 0 0 ${item.color};">${item.tag}</span></c:if> <a href="${ctx }/lvyou/${item.id}" target="_blank" title="${item.title }">${item.title }</a></p>
	            </div>
	          </div>
	        </div>
        </c:forEach>
      </div>
    </div>
    <div class="langxin cl">
      <div class="langxin-title"> <span class="indexTitleT f20 yh c666">高原产品</span> <span class="c999 f12">为你的高原之旅保驾护航。</span> </div>
      <div class="cl mt20 pb20ie7">
        <c:forEach items="${prods }" var="item">
        <div class="col_four">
          <div class="projects">
            <div class="projects-thumbnail"> <a href="${ctx }/chanpin/${item.id}" target="_blank"> <img src="${item.image }" width="258" height="180" alt="" /> <span class="project-thumbnail-overlay"></span>
              <p class="project-to-detail"></p>
              </a> </div>
            <div class="project-desc">
              <p><c:if test="${not empty item.tag}"><span style="background: none repeat scroll 0 0 ${item.color};">${item.tag}</span></c:if> <a href="${ctx }/chanpin/${item.id}" target="_blank" title="${item.name }">${item.name }</a></p>
            </div>
          </div>
        </div>
        </c:forEach>
      </div>
    </div>
    <div class="langxin cl">
      <div class="langxin-title"> <span class="indexTitleT f20 yh c666">高原反应</span> <span class="c999 f12">提供大量关于高原反应方面的知识以及应对方法。</span> </div>
      <div class="cl mt20 pb20ie7">
        <c:forEach items="${reacts}" var="item">
        <div class="col_four">
          <div class="projects">
            <div class="projects-thumbnail"> <a href="${ctx }/fany/${item.id}" target="_blank"> <img src="${item.image }" width="258" height="180" alt="" /> <span class="project-thumbnail-overlay"></span>
              <p class="project-to-detail" ></p>
              </a> </div>
            <div class="project-desc">
              <p><c:if test="${not empty item.tag}"><span style="background: none repeat scroll 0 0 ${item.color};">${item.tag}</span></c:if> <a href="${ctx }/fany/${item.id}" target="_blank" title="${item.title }">${item.title}</a></p>
            </div>
          </div>
        </div>
        </c:forEach>
      </div>
    </div>
    <div class="langxin cl">
      <div class="langxin-title"> <span class="indexTitleT f20 yh c666">高原旅游相关</span> <span class="c999 f12">为你的高原之旅提供出发前的准备。</span> </div>
      <div class="main_wrap cl mt20 pb20ie7">
        <div class="listbox jq ml20 mb20 listbox-notice listbox-news">
          <h4 class="listtitle"><span>-</span>注意事项</h4>
          <div class="box" style="display:block">
            <ul class="list cl">
              <c:forEach items="${notices }" var="item">
                 <li>
                  <p><a href="${ctx }/notice/${item.id}" target="_blank">${item.title }</a></p>
                  <em><fmt:formatDate value="${item.createdAt }" pattern="yyyy-MM-dd"/></em>
                 </li>
              </c:forEach>
            </ul>
          </div>
        </div>
        <div class="listbox jq ml20 mb20 listbox-notice listbox-news">
          <h4 class="listtitle"><span>-</span>须带物品</h4>
          <div class="box" style="display:block">
            <ul class="list cl">
              <c:forEach items="${things }" var="item">
                 <li>
                  <p><a href="${ctx }/notice/${item.id}" target="_blank">${item.title }</a></p>
                  <em><fmt:formatDate value="${item.createdAt }" pattern="yyyy-MM-dd"/></em>
                 </li>
              </c:forEach>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<jsp:include page="common/footer.jsp"/>
<%@ include file="common/bottom.jsp"%>
<script type="text/javascript">
   var bdText = "俍欣高原反应信息网",bdDesc="俍欣高原反应信息网",bdUrl="${ctx}",bdPic="";
   bdShare(bdText, bdDesc, bdUrl, bdPic);
</script>
</body>
</html>